<template>
  <div class="buyAssetBox">
    <package-search/>
    <div class="package-container">
      <!--<package-header @getTab="getTabkind"/>-->
      <div v-if="kind===''">
        <package-main/>
      </div>
      <div v-if="kind==='live'">
        <package-live/>
      </div>
    </div>
  </div>
</template>

<script>
import packageSearch from './components/sellpackage/search'
import packageHeader from './components/sellpackage/header'
import packageMain from './components/sellpackage/main'
import packageLive from './components/sellpackage/live'
export default {
  components: {
    packageSearch,
    packageHeader,
    packageMain,
    packageLive
  },
  data() {
    return {
      kind: ''
    }
  },
  methods: {
    getTabkind(val) {
      this.kind = val
    }
  }
}
</script>

<style lang="scss" scoped>
.buyAssetBox {
  padding: 0 20px;
}
</style>
